<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<!-- 课程 -->
		<meta charset="utf-8">
		<title>研学课程</title>
		<link rel="stylesheet" type="text/css" href="css/index/commonality.css"/>
		<link rel="stylesheet" type="text/css" href="css/index/index_course.css"/>
	</head>
	<body>
		<header>
			<!-- 头部暂时不用写 -->
			<iframe src="tool/header/index_header_search.html" width="100%" height="130px" frameborder="0" scrolling="no"></iframe>
		</header>
		<section>
			<!-- 内容部分 -->
			<div class="section">
				<div id="section-location">
				  	<h4>您的位置 >|</h4>
			        <h4><a href="#">首页 ></a></h4>
			        <h4><a href="#">课程</a></h4>
				</div>
				
			<div class="shaixuan">
				<div class="cation-middle">
		                <dl class="cation-list">
		                    <dt>区域：</dt>
		                    <dd class="cation-theme">
		                        <a href="javascript:void(0);">全部</a>
		                        <a href="javascript:void(0);">郑州</a>
		                        <a href="javascript:void(0);">开封</a>
		                        <a href="javascript:void(0);">洛阳</a>
		                        <a href="javascript:void(0);">南阳</a>
		                        <a href="javascript:void(0);">漯河</a>
		                        <a href="javascript:void(0);">许昌</a>
		                        <a href="javascript:void(0);">三门峡</a>
		                        <a href="javascript:void(0);">平顶山</a>
		                        <a href="javascript:void(0);">周口</a>
		                        <a href="javascript:void(0);">新乡</a>
		                        <a href="javascript:void(0);">鹤壁</a>
		                        <a href="javascript:void(0);">焦作</a>
		                        <a href="javascript:void(0);">濮阳</a>
		                        <a href="javascript:void(0);">安阳</a>
		                        <a href="javascript:void(0);">商丘</a>
		                        <a href="javascript:void(0);">信阳</a>
		                        <a href="javascript:void(0);">济源</a>
		                        <a href="javascript:void(0);">驻马店</a>
		                    </dd>
		                </dl>
		                <dl class="cation-list">
		                    <dt>学段：</dt>
		                    <dd class="cation-system">
		                        <a href="javascript:void(0);">全部</a>
		                        <a href="javascript:void(0);">小学</a>
		                        <a href="javascript:void(0);">初中</a>
		                        <a href="javascript:void(0);">高中</a>
		                    </dd>
		                </dl>
		                <dl class="cation-list">
		                    <dt>特色：</dt>
		                    <dd class="cation-mode">
		                        <a href="javascript:void(0);">全部</a>
		                        <a href="javascript:void(0);">传统文化</a>
		                        <a href="javascript:void(0);">革命传统</a>
		                        <a href="javascript:void(0);">国情教育</a>
		                        <a href="javascript:void(0);">国防工科</a>
		                        <a href="javascript:void(0);">自然生态</a>
		                        <a href="javascript:void(0);">其他</a>
		                    </dd>
		                </dl>
		            </div>
			</div>
			<div class="course_info">
				<ul class="list-show">
					<li>
						<a href="javascript:void(0);">
							<div id="info">
								<img src="img/index/青年洞.png" />
								<div id="info-list">
									<h3>中华崛起  红旗精神  文字之根</h3>
									<p>
										<span class="dian">·</span><span class="dian">·</span><span class="dian">·</span> 革命传统 <span class="dian">·</span><span class="dian">·</span><span class="dian">·</span>
									</p>
								</div>
								<div id="info-list-top">
									安阳红旗渠研学基地
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<div id="info">
								<img src="img/index/万仙山.png" />
								<div id="info-list">
									<h3>走进太行明珠 探寻时代印记</h3>
									<p>
										<span class="dian">·</span><span class="dian">·</span><span class="dian">·</span> 自然生态 <span class="dian">·</span><span class="dian">·</span><span class="dian">·</span>
									</p>
								</div>
								<div id="info-list-top">
									新乡万仙山研学基地
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<div id="info">
								<img src="img/index/青年洞.png" />
								<div id="info-list">
									<h3>中华崛起  红旗精神  文字之根</h3>
									<p>
										<span class="dian">·</span><span class="dian">·</span><span class="dian">·</span> 革命传统 <span class="dian">·</span><span class="dian">·</span><span class="dian">·</span>
									</p>
								</div>
								<div id="info-list-top">
									安阳红旗渠研学基地
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<div id="info">
								<img src="img/index/青年洞.png" />
								<div id="info-list">
									<h3>中华崛起  红旗精神  文字之根</h3>
									<p>
										<span class="dian">·</span><span class="dian">·</span><span class="dian">·</span> 革命传统 <span class="dian">·</span><span class="dian">·</span><span class="dian">·</span>
									</p>
								</div>
								<div id="info-list-top">
									安阳红旗渠研学基地
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
			</div>
		</section>
		<footer>
			<!-- 尾部 -->
			<iframe src="tool/footer/index_foot.html"  width="100%"
			 frameborder="0" scrolling="no" class="index_footer"></iframe>
		</footer>
	</body>
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/index/index_course.js" type="text/javascript" charset="utf-8"></script>
</html>
